<template>
    <div id="header">
        <div class="header">
			<header-top></header-top>
			<div class="head_wrap">
				<header-right></header-right>
				<header-left></header-left>
			</div>
		</div>
    </div>
</template>

<script>
    import HeaderTop from './header_top.vue';
    import HeaderLeft from './header_left.vue';
    import HeaderRight from './header_right.vue';
    import HeaderLeftGolden from './header_left_golden.vue';
    import HeaderRightReturn from './header_right_return.vue';
    export default {
        name:'header',
        components:{
            HeaderTop,
            HeaderLeft,
            HeaderRight,
            HeaderLeftGolden,
            HeaderRightReturn
        }
    };
</script>

<style lang="less" rel="stylesheet/less" type="text/css">
	@import '../../public/css/normalize.less'; 
	@import '../../public/css/variable.less'; 
    .header{
	    position: relative;
	    .cf();
	    color: @cw;
	    box-sizing: border-box;
	    border-bottom: 1px solid #a7b4c5;
	    .head_wrap{
	        .cf();
	        width: 1200px;
	        margin: 0 auto;
	        line-height: 90px;
	        height: 90px;
	        .return_index{
	            float: right;
	            color: @cw;
	            height: 90px;
	            .fonts(18px);
	            em{ 
	                .fonts(19px); 
	                padding-left: 6px; 
	                font-family: "宋体";
	            }
	            &:hover{ color: @cgolden; }
	        }
	    }
	}
</style>